<template>
  <div>
    fa
    <p class="c1">鲁迅</p>
    <hr>
    <Ch1Com/>
  </div>
</template>

<script setup>
import Ch1Com from './coms/Ch1Com.vue';
</script>

<style scoped>
.c1{background-color: red;}
.ch1{font-style: italic;}

/* 样式穿透 */
::v-deep .c1{font-weight: bold;}

/* 不推荐 */
/* /deep/ .c1{font-weight: bold;} */
</style>
<style>
h2{background-color: yellow;}
</style>